<template>
  <VScaleScreen
    :fullScreen="false"
    :width="windowSizes.width"
    :height="windowSizes.height"
    :boxStyle="boxStyle"
    :wrapperStyle="wrapperStyle"
    :delay="400"
    v-bind="$attrs"
  >
    <slot></slot>
  </VScaleScreen>
</template>

<script>
import VScaleScreen from "v-scale-screen";

export default {
  name: "jd-scale-screen",
  components: {
    VScaleScreen,
  },
  props: {}, // 接收所有参数，避免警告
  inheritAttrs: false, // 可选：阻止属性绑定到根元素
  data() {
    return {
      boxStyle: {
        background: "linear-gradient(to top ,#00257d, #042f55)",
      },
      wrapperStyle: {
        // border: "1px solid red",
      },
      windowSizes: {
        // width: window.innerWidth,
        // height: window.innerHeight,
        width: 1920,
        height: 1080,
      },
    };
  },
  methods: {},
};
</script>
